<div id="shortcuts">
  <!-- content -->
  <div class="panel" *ngIf="visible">
    <div class="item" *ngFor="let item of cardList">
      <!-- icon+title -->
      <div class="item-left">
        <!-- <img [src]=item.icon /> -->
        <div class="title">
          <span>{{item.title}}</span>
        </div>
      </div>
      <!-- 状态：active -->
      <div class="state">
        <nz-switch [(ngModel)]=item.active (ngModelChange)="onChange(item)"></nz-switch>
      </div>
    </div>
  </div>
  <!-- header -->
  <div class="header" id = "header">
    <div class="title"><span>快捷控制</span></div>
    <i nz-icon [nzType]=" visible ? 'up' : 'down'" nzTheme="outline" (click)="changeCardStatus()"></i>
  </div>
</div>
